
<template>
  <nav class="navbar d-flex">
      <router-link  class="p-3 ai-center d-flex" :to="navbar.path" v-for="(navbar,index) in navbarList" :key="index">{{navbar.title}}</router-link> 
  </nav>
</template>

<script>
export default {
    data(){
        return{
            navbarList:[
                {
                    title:'首页',
                    path:'/'
                },
                {
                    title:'关于',
                    path:'/about'
                },
                {
                    title:'资源',
                    path:'/resources'
                },
                {
                    title:'进阶',
                    path:'/advanced'
                },
                {
                    title:'友链',
                    path:'/friendLink'
                }
            ]
        }
    }
}
</script>

<style lang="scss" scoped>
.navbar{
    text-shadow: 0 0 #000, -1px -1px #000, 0 -1px #000, -1px 0 #000;
    >a{color: #fff;}
}
</style>